import { Box, Container } from '@mui/material';
import SerialPortComponent from './SerialPortComponent';

function App() {

  return (
    <Container maxWidth="sm">
      <Box sx={{ my: 4 }}>
        {/* <Typography variant="h2" component="h1" gutterBottom>
          Electron + React + Redux + Material-UI Demo
        </Typography> */}
        
        {/* <Paper elevation={3} sx={{ p: 3, mb: 4 }}>
          <Typography variant="h4" component="h2" gutterBottom>
            计数器示例
          </Typography>
          <Typography variant="h1" component="div" align="center" sx={{ my: 4 }}>
            {count}
          </Typography>
          <Grid container spacing={2} justifyContent="center">
            <Grid>
              <Button 
                variant="contained" 
                color="error" 
                size="large"
                onClick={() => dispatch(decrement())}
              >
                减少
              </Button>
            </Grid>
            <Grid>
              <Button 
                variant="contained" 
                color="primary" 
                size="large"
                onClick={() => dispatch(increment())}
              >
                增加
          </Button>
        </Grid>
      </Grid>
    </Paper> */}

    {/* 串口通信组件 */}
    <SerialPortComponent />

    {/* <Typography variant="body1" color="text.secondary" sx={{ mt: 4 }}>
      这是一个使用Electron、React、Redux和Material-UI构建的桌面应用程序示例，集成了串口通信功能。
    </Typography> */}
  </Box>
</Container>
  );
}

export default App
